<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格分组</title>
</head>
<body>
	<h1>一周早餐食谱和预算</h1>
	<table border="1px;" bordercolor="#66a5ff">
		<thead>
			<tr>
				<th>周一</th>
				<th>周二</th>
				<th>周三</th>
				<th>周四</th>
				<th>周五</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>包子</td>
				<td>煎饼</td>
				<td>粥和油条</td>
				<td>鸡蛋灌饼</td>
				<td>星巴克</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<th>10元</th>
				<th>8元</th>
				<th>12元</th>
				<th>6元</th>
				<th>15元</th>
			</tr>
		</tfoot>
	</table>

	<table border="1" cellspacing="0" width="40%">
		<thead>
			<tr>
				<th>编号</th>
				<th>名称</th>
				<th>金额</th>
			</tr>
		</thead>
		<tbody style="color: blue;">
			<tr>
				<td>001</td>
				<td>鼠标</td>
				<td>50</td>
			</tr>
			<tr>
				<td>002</td>
				<td>键盘</td>
				<td>100</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="2" align="center">合&nbsp;计</td>
				<td>150</td>
			</tr>
		</tfoot>
	</table>
	<p>加上tbody时,tbody包含的内容下载完就优先显示,不必等表全加载完才显示,如果表格很长,可以用多个tbody分块一部分一部分显示.table表格在没有
		添加css之前,默认无表格线,此时如果表格内没内容,甚至会有没显示表格的错觉!!!表头标签th默认粗体并居中显示</p>
</body>
</html>






